﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - CSCSN.WebApplication</title>
    <link href="~/css/icon.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link href="~/css/Login.css" rel="stylesheet" />
    <link href="~/css/lunbo.css" rel="stylesheet" />
    <link href="~/css/headmemu.css" rel="stylesheet" />
    <link href="~/css/pushbar.css" rel="stylesheet" />
    <link href="~/css/pushbar.css" rel="stylesheet" />
    <script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="~/lib/jquery/dist/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        var $1102 = jQuery.noConflict();
    </script>
    <script src="~/lib/jquery/dist/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        var $341 = jQuery.noConflict();
    </script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    <script src="~/js/pushbar.js"></script>
    <script>
        $(document).ready(function () {
            var a = $.cookie("cookie");
            document.body.style.backgroundImage = a;
            console.log(a);
        });

    </script>
    <style>
        .menu {
            height: 100%;
            padding-left: 0;
            margin-top: 0;
        }

        .dropdown-menu-right {
            right: inherit;
            left: auto;
        }

        .ul_img {
            list-style: none;
        }

            .ul_img > li {
                width: 80px;
                height: 50px;
                border: 1px solid #222;
                float: left;
                margin: 10px;
            }

            .ul_img li img {
                width: 80px;
                height: 50px;
            }
        .adasd {
            position: absolute;
            right: 200px;
        }
    </style>

</head>
<body>
    <header>
        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow ">
            <!-- a -->

            <div id="he-plugin-simple"></div>
            <div class="adasd">
                <div class="cbl">
                    <div class="htmleaf-demo center">
                        <a href="#" data-pushbar-target="right">个性化</a>
                    </div>

                    <aside data-pushbar-id="right" class="pushbar from_right">

                        <ul class="ul_img">
                            <li>
                                <img src="~/Image/u=2413354430,3009708332&fm=26&gp=0[1].jpg" />
                            </li>
                            <li>
                  
                                <img src="~/Image/u=2584779972,774687716&fm=26&gp=0[1].jpg" />
                            </li>
                            <li>
                                <img src="~/Image/QQ截图20200721124323.png" />
                            </li>
                          
                        </ul>
                    </aside>
                    <script>
                        var imgs = document.querySelector('.ul_img').querySelectorAll('img');
                        for (var i = 0; i < imgs.length; i++) {
                            imgs[i].onclick = function () {
                                var q = 'url("' + this.src + '")';
                                console.log(q);
                                $.cookie('cookie', null);
                                $.cookie('cookie', q, { path: '/' });
                                document.body.style.backgroundImage = 'url(' + this.src + ')';
                                var b = document.body.style.backgroundImage;
                                console.log(b);
                            }
                        }
                    </script>
                    <script type="text/javascript" src="pushbar/pushbar.js"></script>
                    <script type="text/javascript">
                        var pushbar = new Pushbar({
                            blur: true,
                            overlay: true,
                        });
                    </script>

                </div>

            </div>
            <div class="container">

                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index"><img src="~/Image/柳州职业技术学院LOGO_副本.png" width="28px" />大学生综合服务网</a>

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
                    @await Component.InvokeAsync("Login")
                    <div class="search-wrap">
                        <form action="ApplicationTask/TaskQuery" method="post">
                            <input type="search" name="keyWord" class="search-keyword">
                            <button type="submit" class="search-submit">
                                <i class="iconfont ">&#xe633;</i>
                            </button>
                        </form>
                    </div>

                    <ul class="navbar-nav flex-grow-1">
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="PersonCentrel" asp-action="Index">个人中心</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Account" asp-action="LoginVerify">测试</a>
                        </li>
                        @{ if (User.Identity.IsAuthenticated)

                                if (User.Identities.First().Claims.Where(s => s.Type.Contains("role")).First().Value != "Student")
                                {

                                    <li class="nav-item">
                                        <a class="nav-link text-dark" asp-area="" asp-controller="PersonCentrel" asp-action="CreatTask">发布任务</a>
                                    </li>
                                }
                        }


                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="menu">

        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>

    <footer class="border-top footer text-muted">
        <div class="container">
            &copy; 2020 - 第三小组 - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
        </div>
    </footer>



    <!-- 引入 jquery 1.10.2 -->
    @*引用天气API*@
    <script>
        WIDGET = {
            CONFIG: {
                "modules": "10234",
                "background": 5,
                "tmpColor": "4A4A4A",
                "tmpSize": 16,
                "cityColor": "4A4A4A",
                "citySize": 16,
                "aqiSize": 16,
                "weatherIconSize": 24,
                "alertIconSize": 18,
                "padding": "10px 10px 10px 10px",
                "shadow": "1",
                "language": "auto",
                "borderRadius": 5,
                "city": "CN101300309",
                "fixed": "true",
                "vertical": "middle",
                "horizontal": "center",
                "right": 10,
                "top": 10,
                "key": "eda94f8ff1ae424ca72d7e99fc40e952"
            }
        }
    </script>
    <script src="https://widget.heweather.net/simple/static/js/he-simple-common.js?v=1.1"></script>

    <script>
        $1102(function () {
            window.onload = function () {
                var current_index = 0;
                var timer = window.setInterval(autoChange, 5000);
                var button_li = document.getElementById("button").getElementsByTagName("li");
                var pic_div = document.getElementById("banner_pic").getElementsByTagName("div");
                for (var i = 0; i < button_li.length; i++) {
                    button_li[i].onmouseover = function () {
                        if (timer) {
                            clearInterval(timer);
                        }
                        for (var j = 0; j < pic_div.length; j++) {
                            if (button_li[j] == this) {
                                current_index = j;
                                button_li[j].className = "current";
                                pic_div[j].className = "current";
                            } else {
                                pic_div[j].className = "pic";
                                button_li[j].className = "but";
                            }
                        }
                    }
                    button_li[i].onmouseout = function () {
                        timer = setInterval(autoChange, 5000);
                    }
                }
                function autoChange() {
                    ++current_index;
                    if (current_index == button_li.length) {
                        current_index = 0;
                    }
                    for (var i = 0; i < button_li.length; i++) {
                        if (i == current_index) {
                            button_li[i].className = "current";
                            pic_div[i].className = "current";

                        } else {
                            button_li[i].className = "but";
                            pic_div[i].className = "pic"
                        }
                    }
                }
            }
        })

    </script>

    <!-- 支持使用 AJAX -->
    @*<script src="~/lib/jquery-form/jquery.form.js"></script>*@


    <!--事件处理JS文件 -->
    @*<script src="~/js/appFunction.js"></script>*@
    @*<script src="~/js/Ssss.js"></script>*@




    @RenderSection("Scripts", required: false)
</body>
</html>

